import { SyncRoute } from "./route";
import Home from "../pages/home";
import Login from "@/pages/login";
import List from "../pages/List";
import JsBox from "@/pages/jsBox";
import Detail from "@/pages/detail";
import Search from "@/pages/search";
import Letter from "@/pages/letter";
import Info from "@/pages/info";
import Practice from "@/pages/practice";
import Publish from "@/pages/publish";
import Video from "@/pages/video";

const routes: SyncRoute.Routes[] = [
  {
    path: "/home",
    component: Home,
  },
  {
    path: "/login",
    component: Login,
  },
  {
    path: "/list",
    component: List,
  },
  {
    path: "/detail",
    children: [
      {
        path: "",
        component: Detail,
      },
      {
        path: "editor",
        component: JsBox,
      },
    ],
  },
  {
    path: "/search",
    component: Search,
  },
  {
    path: "/letter",
    component: Letter,
  },
  {
    path: "/info",
    component: Info,
  },
  {
    path: "/practice",
    component: Practice,
  },
  {
    path: "/publish",
    component: Publish,
  },
  {
    path: '/video',
    component: Video
  }
];

export default routes;
